<template>
  <tab-bar>
    <tab-bar-item link="/home">
      <i slot="icon" class="iconfont icon-shouye"></i>
      <span slot="text">首页</span>
    </tab-bar-item>
    <tab-bar-item link="category">
      <i slot="icon" class="iconfont icon-leimupinleifenleileibie2"></i>
      <span slot="text">分类</span>
    </tab-bar-item>
    <tab-bar-item link="order">
      <i slot="icon" class="iconfont icon-dingdan"></i>
      <span slot="text">订单</span>
    </tab-bar-item>
    <tab-bar-item link="user">
      <i slot="icon" class="iconfont icon-my_icon"></i>
      <span slot="text">我的</span>
    </tab-bar-item>
  </tab-bar>
</template>

<script>
import TabBar from '@/components/common/tabBar/TabBar';
import TabBarItem from '@/components/common/tabBar/TabBarItem';

export default {
  components: {
    TabBar,
    TabBarItem
  }
};
</script>

<style lang="less" scoped>
.icon-shouye {
  font-size: 22px !important;
}
</style>
